<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">祝愿小寿，</p>
            <p class="ly-stxt02">眼里长着太阳，笑里全是坦荡。</p>
            <p class="ly-stxt03">阳光下永远像个孩子，</p>
            <p class="ly-stxt04">风雨里像个大人，无畏亦无惧。</p>
            <p class="ly-stxt05">你若不伤，岁月无恙。</p>

          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">你是一个坚强的大男孩</p>
            <p class="ly-stxt07">你真诚、正直、勇敢、善良</p>
            <p class="ly-stxt08">你讨厌生活同时也热爱着生活！</p>
            <p class="ly-stxt09">加油！！大男孩！</p>
            <p class="ly-stxt10">祝你：生日快乐！！</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/zt.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>延寿~</p>
            <p>祝你所有的希望都能如愿</p>
            <p>所有的梦想都能实现</p>
            <p>所有的期待都能出现</p>
            <p>所有的付出都能兑现在你生日来临之即。</p>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/timg.jpg" style="height:100%; width: 100%;">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>祝</p>
            <p>你</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/di2.jpg">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>百事可乐</p>
            <p>万事芬达</p>
            <p>天天哇哈哈</p>
            <p>月月乐百事</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/di21.jpg">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>年年高乐高</p>
            <p>心情似雪碧</p>
            <p>永远心飞扬</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/di24.jpg" style="height: 100%">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>愿你</p>
            <p>贪吃不胖，深情不负，傻人傻福，</p>
            <p>一直幸运。一生努力，一生被爱，</p>
            <p>想要的都拥有，得不到的都释怀。🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/di22.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>愿你</p>
            <p>驾着梦想的翅膀，勇敢翱翔吧！</p>
            <p>天空依旧是美丽的，梦想依然是纯真的！</p>
            <p>小陈一定是最棒的！！</p>
        
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/di54.png" style="height:70%; width: 80%; margin-left:45px; margin-top: 50px;">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82" style="top:8%">
            <p class="wwww1">来自小寿内心独白：</p>
            <p class="wwww1">前面正经了那么久</p>
            <p class="wwww1">算了，还是回归正常吧！</p>
            <p class="wwww1">你们就会干巴巴看</p>
            <p class="wwww1">知道我生日还不送祝福我！</p>
            <p class="wwww1">气死了，气死了</p>
            <p class="wwww1">居然过生日了还要写代码</p>
            <p class="wwww1">委屈死了，委屈死了！</p>
            <p class="wwww1">算了，算了</p>
            <p class="wwww1">干饭不积极，脑子有问题</p>
            <p class="wwww1">不写了，不写了，干饭去！！！</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/haha.png">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>呃呃呃呃...........</p>
            <p>完了，词穷了！！!</p>
            <p>该写点什么呢！</p>
            <p>算了，乱来吧！！！！</p>
            <p>抓鸭子</p>
            <p>抓几只？</p>
            <p>嘎、嘎、嘎、嘎.....嘎、嘎......嘎...............</p>
            <p>所以到底是抓了几只？？？</p>
            <p>管它几只，嘎就对了！！</p>
            <p>嘎、嘎、嘎............</p>
            <p>还嘎啥呢！这么空闲？？！！bug改完了？？？</p>
            <p>哦豁，是喔，不说了，我要改代码去了！！！</p>
            <p>再见！！！</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a> </p>
          </div>
          <!--
          <div class="ly-imgbox11" style="height:100px;width:100px;left:30%;bottom: 10px">
            <img class="ly-img11" src="../img/ewm.png" style="height:100%">
          </div>
          <div class="ly-imgbox11" style="height:100px;width:100px;left:50%;bottom: 10px">
            <img class="ly-img11" src="../img/ewm1.png" style="height:100%">
          </div>-->

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <!-- <ul class="bg-bubbles">
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
    </ul> -->

  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>